<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="ezos-style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
    swfobject.embedSWF("round_menu4.swf", "flashnav", "960", "70", "9.0.0");
</script>

<!-- Start WOWSlider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->
<style>
  
.slidinghead{
	border: 1px solid #CCC;
        width: 698px;
        overflow: hidden;
        float: left;
}
#slidingbody {
				width: 8000px;
			margin: 0;
}

.panelsliding {
			width: 930px;
			float: left;
			padding-left: 30px;
			padding-right: 1040px;
			padding-top: 45px;
			background: #eee;
			
		}
		
		.contentbox-wrapper{			
			position:relative; 
			left:0; 
			width:3000px; 
			height:100%;
			color:#f6f6f6;
		}
		
		.contentbox{
			width:700px; 
			height:100%; 
			float:left; 
			padding:10px;
			background:#f6f6f6;
			color:#666;
		}
		
		#sidebar1 a.active{
			font-weight:bold;
		}	
</style>

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>

function goto(id, t){	
	//animate to the div id.
	$(".contentbox-wrapper").animate({"left": -($(id).position().left)}, 1200);
	
	// remove "active" class from all links inside #nav
    $('#sidebar1 a').removeClass('active');
	
	// add active class to the current link
    $(t).addClass('active');	
}

</script>
<!--
<script src="jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>	
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
		       $("#sidebar11 a").bind("click",function(event){
		           event.preventDefault();
		           var target = $(this).attr("href");
		           $("html, .slidinghead").stop().animate({
		               scrollLeft: $(target).offset().left,
					   scrollTop: $(target).offset().top
		           }, 1200);
		       });
			});
		</script>
-->
</head>

<body>
<div id="layout">
<div id="topNav" style="position:fixed; width:1060px;"><div id="textnav">
PROMO: FREE DELIVERY --- HAVE TRIED OUR EASY ONLINE SHOPPING? SIGN UP NOW -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="member.html">Member</a>
</div></div>
<br>
<!--
<a href="home.html"><center><img src="images/ezos-logo.png" width="130px" height="91px" align="middle"/></center></a>-->
<object type="application/x-shockwave-flash" data="logo_animated.swf" 
    width="1060" height="114"> 

    <param name="movie" value="logo_animated.swf" />
    <param name="quality" value="high" />
</object>

<object type="application/x-shockwave-flash" data="round_menu4.swf" 
    width="1060" height="70"> 

    <param name="movie" value="round_menu4.swf" />
    <param name="quality" value="high" />
</object>

<div class="content">


<div id="promocontainer" style="width:1060px; height:26px; border:1px solid #d3d3d3; background-color:#f7f7f7; box-shadow: 5px 5px 20px -5px #888888; z-index:1">
<img src="images/rib-promo.png" alt="" style="position:relative; top:-0.7em; left:-1.5em; z-index:1" />
<div id="promocontent" style="text-align:center;  margin-top:-30px;z-index:1; font-family: arial, sans-serif; font-size:12px; z-index:1;  background-color:transparent; text-transform:uppercase; font-weight:bold">
Free Delivery on every purchase. No minimum purchase required. Register now to get started -- <a href="register.html" style="text-decoration:none; color:#f55c22">REGISTER</a>
</div>
</div>
<br />

<!-- Start WOWSlider.com BODY section -->
	<div id="wowslider-container1">
	<div class="ws_images"><ul>
<li><img src="data1/images/88880020763371.jpg" alt="8888002076337-1" title="8888002076337-1" id="wows1_0"/></li>
<li><img src="data1/images/img_0320.jpg" alt="IMG_0320" title="IMG_0320" id="wows1_1"/></li>
<li><img src="data1/images/img_3108.jpg" alt="img_3108" title="img_3108" id="wows1_2"/></li>
<li><img src="data1/images/img_5131.jpg" alt="img_5131" title="img_5131" id="wows1_3"/></li>
<li><img src="data1/images/img_7731.jpg" alt="img_7731" title="img_7731" id="wows1_4"/></li>
<li><a href="products.html" target="_self"><img src="data1/images/shopnow.jpg" alt="shopnow" title="shopnow" id="wows1_5"/></a></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="8888002076337-1"><img src="data1/tooltips/88880020763371.jpg" alt="8888002076337-1"/>1</a>
<a href="#" title="IMG_0320"><img src="data1/tooltips/img_0320.jpg" alt="IMG_0320"/>2</a>
<a href="#" title="img_3108"><img src="data1/tooltips/img_3108.jpg" alt="img_3108"/>3</a>
<a href="#" title="img_5131"><img src="data1/tooltips/img_5131.jpg" alt="img_5131"/>4</a>
<a href="#" title="img_7731"><img src="data1/tooltips/img_7731.jpg" alt="img_7731"/>5</a>
<a href="#" title="shopnow"><img src="data1/tooltips/shopnow.jpg" alt="shopnow"/>6</a>
</div></div>
	<a href="#" class="ws_frame"></a>
	<div class="ws_shadow"></div>
	</div>
	<script type="text/javascript" src="engine1/wowslider.js"></script>
	<script type="text/javascript" src="engine1/script.js"></script>
	<!-- End WOWSlider.com BODY section -->



<div id="aboutcontainer" style="width:520px; height:300px; float:left; border:1px solid #d3d3d3; background-color:#fafafa; box-shadow: 5px 5px 20px -5px #888888;">
<img src="images/rib-aboutus.png" alt="" style="position:relative; top:-0.7em; left:-1.5em; z-index:1; " />
<div id="aboutcontent" style="width:460px; margin:30px; margin-top:30px !important;  font-family: Helvetica Neue, arial, sans-serif; font-size:12px;  background-color:transparent ">

<a href="products.html#snacks">EZOS Easy Online Shopping</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum massa vel augue ultricies, a sagittis ipsum fermentum. Aliquam erat volutpat. Curabitur vel ornare libero. Cras justo augue, auctor eu diam ut, laoreet sagittis ipsum. Nullam tempor, sem et dignissim elementum, ipsum neque consequat ipsum, non commodo arcu dui ultrices mauris. Mauris at orci ullamcorper, porta dui non, egestas erat. Fusce consequat id urna eget tincidunt. Aliquam erat volutpat.</p>

EZOS Easy Online Shopping provides the easiest way to shop everyday's needs. EZOS was found in 2013.


</div>
</div>


<div id="contactcontainer" style="width:520px; height:300px; float:right; border:1px solid #d3d3d3; background-color:#fafafa; box-shadow: 5px 5px 20px -5px #888888;">
<img src="images/rib-contactus.png" alt="" style="position:relative; top:-0.7em; left:-1.5em; z-index:1;" />
<div id="aboutcontent" style="width:460px; margin:30px;  font-family: Helvetica Neue, arial, sans-serif; font-size:12px;  background-color:transparent ">



<div class="ui-borderBottom textheader" style="font-family:Arial, Helvetica, sans-serif">Email</div><br />
<table>
<tr>
<td><a href="mailto:admin@ezos.com" style="text-decoration:none; color:#f55c22"><img src="images/ask_new.png" /></a></td><td><a href="mailto:admin@ezos.com" style="text-decoration:none; color:black">QUESTIONS?</a></td>
</tr>
</table>
<br />

<div class="ui-borderBottom textheader" style="font-family:Arial, Helvetica, sans-serif">SOCIAL MEDIA</div><br />

<table>
<tr>
<td><img src="images/fb_icon.png" /> </td><td>FACEBOOK</td>
</tr>

<tr>
<td><img src="images/tw_icon.png" /> </td><td>TWITTER</td>
</tr>

</table>

</div>
</div>

</div><!-- END CONTENT DIV -->
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div> <!-- END LAYOUT DIV -->
</body>
</html>
